<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="custom" tagdir="/WEB-INF/tags" %>
<html>
<head>
    <title>微信回复规则</title>
</head>

<body>
<div class="pageheader">
    <h2>微信回复规则</h2>
</div>
<div class="contentpanel">

    <form class="form-inline">
        <div class="btn-group mr10">
            <input type="text" class="form-control " name="keyWord" value="${formDto.keyWord}"
                   placeholder="请输入要查询的关键字">
            <select class="form-control" name="msgType">
                <option value="">请选择消息类型</option>
                <c:forEach items="${formDto.allMsgType}" var="item">
                    <option value="${item}" ${formDto.msgType eq item?"selected":""}>${item.label}</option>
                </c:forEach>
            </select>

            <button type="submit" class="form-control btn-success">查询</button>
        </div>
        <div class="btn-group mr10">
            <a class="btn btn-success" href="${contentPath}/admin/wechat/text/edit.htm">新增文本回复</a>
            <a class="btn btn-success" href="${contentPath}/admin/wechat/news/edit.htm">新增图文回复</a>
        </div>
    </form>
    <table class="table table-striped dataTable no-footer" id="table2" role="grid" aria-describedby="table2_info">
        <thead>
        <tr role="row">
            <th class="sorting_asc" tabindex="0" aria-controls="table2"
                rowspan="1" colspan="1" aria-sort="ascending">
                关键字
            </th>
            <th class="sorting_asc" tabindex="0" aria-controls="table2"
                rowspan="1" colspan="1" aria-sort="ascending">
                状态
            </th>
            <th class="sorting_asc" tabindex="0" aria-controls="table2"
                rowspan="1" colspan="1" aria-sort="ascending">
                消息类型
            </th>
            <th class="sorting_asc" tabindex="0" aria-controls="table2"
                rowspan="1" colspan="1" aria-sort="ascending">
                创建时间
            </th>
            <th class="sorting" tabindex="0" aria-controls="table2" rowspan="1" colspan="1">
                操作
            </th>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${formDto.list}" var="item" varStatus="status">
            <tr class="gradeA ${status.index/2 eq 0?"odd":"even"}"><custom:reply_rule_list_item item="${item}"/></tr>
        </c:forEach>
        </tbody>
    </table>

    <custom:page page="${formDto}"/>
</div>
<script src="${contextPath}/resources/js/jquery.datatables.min.js"></script>
<script type="text/javascript">
    <c:if test="${not empty param.delete}">
    jQuery.gritter.add({
        title: '删除 成功!',
        class_name: "growl-success",
        sticky: false
    });
    </c:if>
    <c:if test="${not empty param.edit}">
    jQuery.gritter.add({
        title: '新增/编辑 成功!',
        class_name: "growl-success",
        sticky: false
    });
    </c:if>
    jQuery(document).ready(function () {
        jQuery('#table2').dataTable({
            "bPaginate": false,// 分页按钮
            "bFilter": false,// 搜索栏
            "bLengthChange": false,// 每行显示记录数
            "bInfo": false
        });
    });

    $(".table").on("click", ".ChangeState", function () {
        var uuid = $(this).attr('uuid');
        var state = $(this).attr('state');
        var tr = $(this).parents("tr");
        //禁用tr
        $(this).addClass("disabled");
        $.ajax({
                    url: 'change_state',
                    type: "post",
                    data: {uuid: uuid, state: state},
                    success: function (data) {
                        tr.html(data);
                    }
                }
        );
    });
</script>

</body>
</html>
